PowerPoint Tips Blog

Helping you with presenting, PowerPoint, and speaking

  • Home
  • Blog
  • Tips
  • E-Store
  • Training
  • About
  • Affiliates
  • Advertise
  • Contact
Home » Create a hover-over effect on a slide

Create a hover-over effect on a slide

May 12, 2010 by Ellen Finkelstein 37 Comments

READ LATER - DOWNLOAD THIS POST AS PDF >> CLICK HERE <<

A subscriber recently asked me, “I am currently trying to figure out if it is possible to hover over text and have an image pop up when I hover over the text, like you do on most websites these days.  Do you know if this is possible in PowerPoint?”

You’ve probably seen websites with pop-up menus. You hover the cursor over a button and a sub-menu opens. Here’s an example from Amazon.com’s website:

Can you do that in PowerPoint? Not exactly, at least not without some programming. But you can hover the mouse over an object on a slide and make three things happen:

  • You can hyperlink to another location
  • You can open another program
  • You can play a WAV sound

You can fake the menu-flyout-on-hover effect using the first option, a hyperlink to another slide. First, watch how it looks.

To create this effect, follow these steps:

Create a slide by inserting the objects you want to hover over. Here’s the first slide.

In this case, I inserted two objects. Each object will hyperlink to its own slide when you hover the cursor over it, so this project needs two additional slides.

Duplicate the first slide as many times as you need for your situation. Each slide then has the original shapes in the same location. This is important for the seamless look of the menu; the fact that you’re going to another slide won’t be obvious.

These slides need the pop-up object on them. As you can see, I’ve added another shape, with the answer to the questions. I also added a Return shape which will hyperlink to the first slide with the questions. These are slides 2 and 3.

Return to the first slide and select the shape that you want to hover over. Go to Insert tab> Links group> Action. (In PowerPoint 2003, go to Slide Show> Action Settings) In the Action Settings dialog box, click the Mouse Over tab.

Make sure you’re on the Mouse Over tab for each hyperlink you add, because it isn’t the default tab. Select the Hyperlink To option. Then choose the appropriate slide from the drop-down list. For the first shape, I chose Next Slide as you see above. Click OK to create the hyperlink. For the second shape, I chose Slide, which opened a list of slides; there I chose the 3rd slide.

For the Return shape on Slide 2, I chose Last Slide Viewed. Then I copied and pasted that to Slide 3.

To create the effect of the second shape sliding down from the first, you use animation. Go to the second slide and select the shape you added. In PowerPoint 2010, go to Animations tab> Add Animation. In 2007, go to Animations tab> Custom Animation to open the Animation task pane. (In PowerPoint 2003, choose Slide Show> Custom Animation.) In the Custom Animation task pane, choose Add Effect> Entrance> More Effects (if Peek In isn’t on the list)> Peek In. Click OK if you opened the Add Entrance Effect dialog box.

From the Start drop-down list, choose With Previous. This makes the sliding down effect happen automatically when you display the slide using the hyperlink. Set the Direction to From Top. (In PowerPoint 2010, you’ll find this setting by clicking the Effect Options button on the ribbon.) Here are the settings:

Save and go into Slide Show View. Hover the mouse over the shape on Slide 1. You’ll go to Slide 2, but because it’s the same as Slide 1 except for the Peek In animation, it seems as if the second shape slides down on the original slide. Hover your cursor over the Return button. This returns you to Slide 1. Test any other shapes and effects that you created.

Like it? Download the presentation.

 

“101 Tips Every PowerPoint User Should Know” is for everyone who never took a course or read a book about PowerPoint! These tips will fill in the gaps, speed up your work, make presentations easier, and help you get better results. Now updated through PowerPoint 2016 and Office 365. Learn more at http://www.ellenfinkelstein.com/pptblog/101-tips/


0 0 votes
Article Rating
Share
Tweet
Share
0 Shares
READ LATER - DOWNLOAD THIS POST AS PDF >> CLICK HERE <<

Related posts:

  1. Create the effect of a line drawing itself
  2. Create a looping introduction
  3. Create a drop-down menu
  4. Create a lightbox or mask effect in PowerPoint to focus attention

Filed Under: Content Tagged With: PowerPoint, presentations

Subscribe
Notify of
guest
guest
37 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Dr. Pedro A. Ricart
Dr. Pedro A. Ricart
15 years ago

Would’nt be the same to use the trigger action on the animation of the objects instead of a hyperlink?

0
Harold Binley
Harold Binley
15 years ago

Ellen,
I like the dropdown effect. I’m working in PowerPoint 2003.

However, I note that after the first time the Mouse-over is effected, (when the animation appears as expected), returning to the first slide and then Mousing over the object does not repeat the Peek In effect, the object simply appears.

H

1
Ellen
Ellen
15 years ago
Reply to  Dr. Pedro A. Ricart

Yes, but you would have to click. Usually, that’s fine, and then you can do the animation on the same slide.
Ellen

0
Ellen
Ellen
15 years ago
Reply to  Harold Binley

Harold,
Good catch! It’s due to the fact that PowerPoint doesn’t replay animation (or recognize timing or other effects) when you show the same slide a second time. I have a workaround here: http://www.ellenfinkelstein.com/pptblog/create-hyperlinks-in-a-timed-presentation/. I should update that tip to say that it applies to animation as well as timing.
Ellen

0
Sanjay
Sanjay
15 years ago

I wasn’t able to leave a comment on the ‘Create a pop-up window’ tutorial. Allow me to do it here.

When one creates a pop-up window effect using this method, the pop-up window stays there throughout the duration of the slide because, the only option seems to be to select Hide After animation in the Effect Options dialog.
Is there a way to hide the pop-up on the next click?

0
Larry
Larry
13 years ago

This question and comment is not about hover-over effect but I am hoping you can provide an answer:

I have an amimated checkmark flying in from the right on a powerpoint slide indicating the correct answer to a quiz question in a powerpoint presentation. But the checkmark also shows up in the pdf file I create as a handout from the powerpoint for the students. How to I have the checkmark continue animate in the slide but not show up on the printed materials?

0
Ellen
Ellen
13 years ago
Reply to  Larry

This is a problem that many people have. I don’t know of an easy solution. I think that what most people do is create a duplicate presentation, without the animated object. If anyone else has a better solution, let us know!

0
Tom
Tom
13 years ago

I am trying to make a hover over happen, but am using Powerpoint 2010 and the ‘Action Settings’ seems to have disappeared from the right mouse click.

Any idea where it may be? I can’t find it 🙁

0
Ellen
Ellen
13 years ago
Reply to  Tom

Tom, with the shape selected, go to the Insert tab. In the Links group, choose Action.

0
Greg
Greg
13 years ago

This is pathetic that they don’t have a mouse/Hover over feature

0
naveen
naveen
12 years ago

Thankyou, really its very useful for me, once again Thank you

0
Johnny Eagles
Johnny Eagles
12 years ago

Brilliant tip – while trying it out, I worked out that it is possible to make it more “Amazon” like.

If you put a slide-sized shape, with the same colour as the background (ie, it’s effectively invisible), you can hyperlink it back to the previous slide when the mouse hovers over it.

So if the mouse leaves, say, the menu on the second slide (in your example it’s an answer to a question) then it automatically returns to the previous slide.

0
dane
dane
12 years ago

Thank You for the tip, i’ve been looking for this option the whole week. It’s very helpful.

0
Guy
Guy
12 years ago

I was wanting to do a hover box in PowerPoint 2010 and stumbled across your website. Then as I thought about it more, I figured out how to do a work around that makes it seem exactly like you created a hover box. In my case, I have a scripture reference and I wanted the entire scripture to pop-up in a hover box if the scripture reference was clicked on or moused over. So I created an identical slide and put it at the end of my presentation and hyper-linked the scripture reference to this slide. I created a text… Read more »

0
Ellen Finkelstein
Ellen Finkelstein
12 years ago
Reply to  Guy

It sounds like a great idea. It’s similar to using a Custom Show. I explain those here: http://www.ellenfinkelstein.com/pptblog/add-flexibility-with-custom-shows/

0
Guy
Guy
12 years ago

Hi Ellen, Thanks for your comment. Yes, it does seem similar to the custom show concept. I had never heard of that feature. What a great feature to create a flexible presentation, if you’re not sure how long your presentation will take.

0
Narayanankutty
Narayanankutty
12 years ago

I was looking for a hover over solution. Many thanks. Great tip.

0
jagan
jagan
12 years ago

great idea and very soothing hover effects. . . sounds good

http://www.wingzweb.com/amazing-hover-effects-with-css3-borders-shadows/

0
Sheryl
Sheryl
11 years ago

I have been able to built a hover effect with 3 options – to 3 different slides – so far so good. My question is, how to I advance past it? If I “click” to advance to the next slide it takes me into the slides I built for the hover. In a nutshell, my slide with “hover options” is slide 4, if you hover over object 1, you go to slide 5. I created a hover that will bring you back to 4. If you hover over object 2, it takes you to slide 6 (with a hover to… Read more »

0
Plumber
Plumber
11 years ago

I don’t know whether it’s just me or if perhaps everybody else experiencing issues with your website.
It appears like some of the text within your content are running off the screen.
Can somebody else please comment and let me know if this is happening to them as well?
This might be a issue with my internet browser because I’ve had this happen before.
Cheers

0
linked here
linked here
11 years ago

Thanks for finally writing about > Create a
hover-over effect on a slide

0
Jeffry
Jeffry
11 years ago

Sheryl — In your examlple, select slides 5, 6 and 7. Right-click and select “Hide Slide”. This will make Slide Show ignore the hidden slides when you advance normally from Slide 4.

0
Martini
Martini
11 years ago

It sucks that you still have to create multiple slides to have a simple more-info hover text box, but I guess that´s still the solution in PPT…

@Sheryl: Going from 4-9 is simple by just “hiding” the additional 5-8 hover pages. 5-8 will then only appear by links on p 4. This also menans you can simply unhide one of the hover pages if you want it to be a part of the presentation.

Any better ideas to create a more flexible presentation?

0
pat
pat
10 years ago

you guys can do the screen tip to diplay amount etc. just dont click it.

0
kinkiest hair
kinkiest hair
10 years ago

Very rapidly this web page will be famous amid all blogging viewers, due to it’s pleasant articles

0
checkmystat.com
checkmystat.com
10 years ago

The account apt is very swell detailed, got so a lot noesis hither.
Thanks!

0
kidstshirts.me
kidstshirts.me
10 years ago

This web site truly has all of the information and facts I
needed about this subject and didn’t know who to ask.

0
Cheap custom tshirts
Cheap custom tshirts
10 years ago

Very shortly this web page will be famous amid all blog
visitors, due to it’s good content

0
custom tshirts cheap
custom tshirts cheap
10 years ago

What’s up, I log on to your blog regularly. Your humoristic style is witty, keep up the good work!

0
cheap white tshirts
cheap white tshirts
10 years ago

Hi I am so excited I found your web site, I really found you by error, while
I was browsing on Bing for something else, Anyhow I am here now
and would just like to say many thanks for a fantastic post and a all round thrilling blog (I also
love the theme/design), I don’t have time to browse it all
at the moment but I have book-marked it and also
added in your RSS feeds, so when I have time I will be back
to read much more, Please do keep up the excellent work.

0
small business web design prices
small business web design prices
10 years ago

It’s remarkable to visit this site and reading the views of
all mates concerning this article, while
I am also eager of getting know-how.

0
Eliseo Canupp
Eliseo Canupp
9 years ago

Thanks for sharing your thoughts on meta_keyword. Regards|

0
Jeannine
Jeannine
9 years ago

Excellent post. I used to be checking continuously this blog and I’m inspired!
Very useful info specially the final phase 🙂 I maintain such info a
lot. I was seeking this certain info for a long
time. Thanks and best of luck.

0
Kvalitné luxusné doplnky pre muźov a ženy
Kvalitné luxusné doplnky pre muźov a ženy
9 years ago

Everything is very open with a precise description of the issues.

It was definitely informative. Your site is very useful.
Many thanks for sharing!

0
réduction internet
réduction internet
8 years ago

Hi there, I wish for to subscribe for this web site to get hottest updates, therefore where can i do it please help out.

0
Chongchong
Chongchong
8 years ago

If you need to add two audios for Slide 2 and Slide 3, and set them to play automatically. If you hover your pointer over “What percentage of cancers are preventable?”, it will be transitioned to slide 2, and the audio inserted on slide 2 will be played automatically. Then if you hover your pointer over “Is breast cancer preventable”, it will be transitioned to slide 3, and the audio inserted on slide 3 will be played automatically. However, there is no way to let the audio on Slide 2 or Slide 3 play again unless you close the presentation… Read more »

0
www.facebook.com
www.facebook.com
7 years ago

Can you tell us more about this? I’d love to find
out some additional information.

0
wpdiscuz   wpDiscuz

Free Video Training!

13 Techniques that Will Make Designing Your Slides EASY!

And get the PowerPoint Tips Newsletter with tips and resources for presenters. Plus 5 bonus tips!

BirdSend Email Marketing Tool

PresenterMedia

1-on-1 Presentation Coaching

Recent Posts

Recent Posts:

Recent Posts

  • Format multiple headshots for consistency
  • Creating beautiful process diagrams with a teardrop shape
  • Using abstract images to create unique backgrounds for slides and shapes
  • What can online course creators learn from other sectors?
  • Engage your audience with triggers

Connect with me!

Connect with me!


Twitter LinkedIn Facebook

Search the site:

Search the site:

Ellen Finkelstein, Inc. · Fairfield, IA · Tel: 515-989-1832

Privacy, Refund, and Other Legal Stuff

wpDiscuz